/*
  前端项目打包的入口文件: 项目启动优先执行哪个文件
*/
// import axios from 'axios'

// 给axios提供基础地址(以后请求太方便了)
// axios.defaults.baseURL = 'https://api-hmzs.itheima.net/v1'
// axios.defaults.timeout = 3000 // ms 一旦超过这个时间 那么我就不等数据返回了

// axios还有一种处理基础地址的方式 => 创建一个axios副本
// const axios2 = axios.create({
//   baseURL: 'https://api-hmzs.itheima.net/v1',
//   timeout: 3000
// })
// const axios3 = axios.create({
//   baseURL: 'https://api-hmzs.itheima.net/xxx',
//   timeout: 3000
// })
// const axios4 = axios.create({
//   baseURL: 'https://api-hmzs.itheima.net/hhh',
//   timeout: 3000
// })

// axios拦截器
// 请求拦截器 => 请求的过程中拦截处理
// axios2.interceptors.request.use(function(config) {
//   // 一般会在这里统一添加token(后端接口需要知道你是谁 就是通过token)
//   // 在发送请求之前做些什么
//   return config
// }, function(error) {
//   // 对请求错误做些什么
//   return Promise.reject(error)
// })

// 添加响应拦截器
// axios2.interceptors.response.use(function(response) {
//   // response => 后端的数据
//   // 2xx 范围内的状态码都会触发该函数。
//   // 对响应数据做点什么

//   // return的数据就是前端拿到的数据 => 数据剥离(响应的数据去掉一层data)
//   return response.data
// }, function(error) {
//   // 超出 2xx 范围的状态码都会触发该函数。
//   // 对响应错误做点什么
//   return Promise.reject(error)
// })

// console.log(axios)
// 用于请求后端接口  接口url(/xxx/xx) 接口的请求方式(get/post/patch/put/delete) 接口的参数(id=345)
// axios2({
//   url: '/park/login',
//   method: 'POST',
//   data: {
//     username: 'admin',
//     password: 'admin123'
//   }
// }).then((res) => {
//   console.log(res)
//   // console.log(res.data.data.token) // 用户信息token
// })
// console.log(res)

import Vue from 'vue'
// 导入了一个样式初始化的包 => 代码是运行在浏览器中 => 默认各个浏览器的初始化样式是不同的
import 'normalize.css/normalize.css'

// 导入了一个组件库(大量使用)
import ElementUI from 'element-ui'
// 导入了组件库相关的样式
import 'element-ui/lib/theme-chalk/index.css'

// @ => src
// css  样式文件
// less 样式文件
// scss 样式文件
// 导入自己提供的样式(便于我们覆盖引入的样式)
import '@/styles/index.scss' // global css

import App from './App' // 根组件

import store from './store' // 导入仓库

import router from './router' // 导入路由

// 注册svg
import '@/icons' // 导入所有的icon图标

Vue.use(ElementUI) // use组件库  项目才可以使用这个ele ui

Vue.config.productionTip = false // 关闭提示

// vue实例化
// 利用App根组件 创建vue实例 渲染页面     1. 添加router路由功能进行页面切换   2. 添加store仓库功能存储公共数据
new Vue({
  el: '#app',
  router: router,
  store: store,
  render: h => h(App)
})

// import { loginAPI } from '@/api/user'

// loginAPI({
//   username: 'admin',
//   password: 'admin123'
// }).then((res) => {
//   // 请求成功后执行
//   console.log(res.data.token)
// })

// gitee
